.markdown-content {
  line-height: 1.5rem;

  a{
    color: rgb(132 204 22);
    margin: 0 2px;
    &:hover{
      color: rgb(101 163 13);
    }
  }

  ul {
    list-style-type: disc;
    margin-left: 1rem;
    padding-left: 1rem;
  }

  ol {
    list-style-type: decimal;
    margin-left: 1rem;
    padding-left: 1rem;
  }
  
  pre code {
  word-break:break-all; 
  }


  code{
    white-space: pre-wrap;
    overflow-wrap: break-word;
  }

  pre.shiki{
      padding:10px;
      border-radius:4px;
      font-size:12px;
      line-height:1.2rem;
      position:relative;

      &:hover{
        .copyBtn{
            display:block;
          }
      }
      .copyBtn{
          padding:2px 6px;
          font-size:12px;
          cursor:pointer;
          background-color:#fff;
          position:absolute;
          top:4px;
          right:4px;
          border:1px solid #ccc;
          border-radius:2px;
          color: rgb(71 85 105);
          display:none;
      }
      code{
            white-space: pre-wrap;
            overflow-wrap: break-word;
      }
  }

  p > code {
    background-color: rgb(248 250 252);
    color: rgb(71 85 105);
    padding: 0 0.4rem;
    font-size:.8rem;
    border-radius: .4rem;
    white-space: pre-wrap;
    overflow-wrap: break-word;
  }

  h2, h3, h4, h5, h6 {
    margin: 1rem 0;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.8rem;
  }

  h4 {
    font-size: 1.6rem;
  }

  h5 {
    font-size: 1.4rem;
  }

  h6 {
    font-size: 1.2rem;
  }

}
